<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面加载事件</title>
    <!--
        引入jQuery的js文件
    -->
    <script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script>
        //页面加载事件
        $(document).ready(function () {
            //获取用户名和密码，并且打印在控制台
            console.log($("#username").val());
            console.log($("#password").val());
        });
        //简写方式
        $(function () {
            //获取用户名和密码，并打印在控制台
            console.log($("#username").val());
            console.log($("#password").val());
        })
    </script>
</head>
<body>
        <form>
            用户名：<input type="text" id="username" name="username" value="jack"><br/>
            密码：<input type="password" id="password" name="password" value="123456"><br/>
            <input type="submit" id="submit"><br/>

        </form>

</body>
</html>